<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <title>商品管理</title>
    <css file="__STATIC__/hdjs/hdui.css"/>
    <css file="__STATIC__/bootstrap/css/bootstrap.min.css"/>

    <!-- 载入uploadify插件-->
    <js file="__STATIC__/jquery/jquery-1.7.2.min.js"/>
    <js file="__STATIC__/uploadify/jquery.uploadify.min.js"/>
    <css file="__STATIC__/uploadify/uploadify.css" />
    
    <style type="text/css">

    .hd-h70{
        width: 80px;
        height: 60px;
    }
    #uploadList2 ul li{
        float: left;
    }
    .pp .ti{
    background: #31b0d5;

    }
    .lili{
        height: 200px;
        border: 1px solid red;
        display: none;
    }
    .del-pic{
        position: relative;
        top:-25px;
        right: 10px;
    }
    #uploadList ul li .del-pic2{
        position: relative;
        top:-60px;
        left:70px;
    }
    </style>

    <!-- 编辑器 -->
    <script type="text/javascript" charset="utf-8" src="__STATIC__/ueditor1_4_3/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="__STATIC__/ueditor1_4_3/ueditor.all.min.js"> </script>
    <script type="text/javascript" charset="utf-8" src="__STATIC__/ueditor1_4_3/lang/zh-cn/zh-cn.js"></script>
    <script>
        var ue = UE.getEditor('editor');
        var ue = UE.getEditor('editor2');
        // 上传方法地址
        var upload='{|U:"upload"}';
        var upload2='{|U:"upload2"}';
        var getRand='{|U:"ajax_get_rand"}';
        var getAttr='{|U:"ajax_get_attr"}';
        var delPic='{|U:"ajax_del_pic"}';
    </script>
    <jsconst/>
    <js file="__PUBLIC__/js/product.js"/>

</head>
<body>
<div class="wrap">
    
    <form action="" method="post" class="form-inline hd-form" enctype="multipart/form-data">
         <table class="table2 lili" style="display:block">
            <div class="tl" style="background:#5bc0de;line-height:30px">
                <a href="javascript:;" class="btn btn-info">主要信息</a>
                 <a href="javascript:;" class="btn btn-info ti">商品详细</a>
                 <a href="javascript:;" class="btn btn-info">商品属性</a>
                 <a href="javascript:;" class="btn btn-info">商品规格</a>
                 <a href="javascript:;" class="btn btn-info ti">售后服务</a>
            </div>
            <!-- 主要信息 -->
            
                <tr>
                <th class="w100">商品名称</th>
                <td>
                    <input type="text" name="name" class="w200"/>
                </td>
                <td> </td>
            </tr>
            <tr>
                <th class="w100">所属分类</th>
                <td>
                    <select name="cid" class="w200" >
                        <option tid="0" value=0 class="be_cate">请选择分类</option>
                        <foreach from="$data" key="$k" value="$v">
                            <option tid="{$v.type_id}" value="{$v.cid}" class="be_cate">{$v._name}</option>
                        </foreach>
                    </select>
                </td>
                <td></td>
            </tr>
            <tr>
                <th class="w100">所属品牌</th>
                <td>
                    <select name="rand_rid" class="w200" >

                        
                    </select>
                </td>
                <td></td>
            </tr>
            <tr>
                <th class="w100">单位</th>
                <td>
                    <input type="text" name="pr_unit" class="w200"/>
                </td>
                <td></td>
            </tr>
            <tr>
                <th class="w100">易购价</th>
                <td>
                    <input type="text" name="market_price" class="w200"/>
                </td>
                <td> </td>
            </tr>
            <tr>
                <th class="w100">促销价</th>
                <td>
                    <input type="text" name="shop_price" class="w200"/>
                </td>
                <td> </td>
            </tr>
            <tr>
                <th class="w100">点击次数</th>
                <td>
                    <input type="text" name="click" class="w200"/>
                </td>
                <td> </td>
            </tr>
            <tr>
                <th class="w100">总库存</th>
                <td>
                    <input type="text" name="stock" class="w200"/>
                </td>
                <td> </td>
            </tr>
            <tr>
                <th class="w100">列表图</th>
                <td width="200">
                    <div lab="uploadFile">
                        <input id="file" type="file" multiple="true">
                        <span>类型: *.jpg,*.png 大小: 2M 数量: 1</span>                            
                    </div>
                    
                </td>
                <td width="100">
                    <div id="uploadList">          
                        <ul>                                 
                        </ul>
                    </div>
                    
                 </td>
                
                 <td>
                     <th class="w100">图册</th>
                    <td width="200">
                        <div lab="uploadFile">
                            <input id="file2" type="file" multiple="true">
                            <span>类型:jpg,png 大小: 2M 数量: <10</span>                            
                        </div>
                        
                    </td>
                    <td>
                        <div id="uploadList2">          
                            <ul> 

                            </ul>
                        </div>
                    
                     </td>
                 </td>
            </tr>

           
            </table>
            
             <!-- 商品详情 -->
            <table class="table2 lili">
                <tr>
                    <!-- 商品详细 -编辑器-->
                
                    <td colspan="2">
                        <script name="pr_detail" id="editor" type="text/plain" style="width:100%;height:300px;"></script>
                     </td>
                    
                </tr>
                  
            
            </table>
            
            
            <!-- 商品属性 -->
            
            <table class="table2 lili" id='attr' class="info">
                
            </table>
            <!-- 商品规格 -->
            <table class="table2 lili" id='spec'>
                
            </table>


            
        <!-- 售后服务 -->
            <table class="table2 lili">
                <tr>
                    <!-- 商品详细 -编辑器-->
                
                    <td colspan="2">
                        <script name="pr_after" id="editor2" type="text/plain" style="width:100%;height:300px;"></script>
                     </td>
                    
                </tr>
        
            
            </table>
        <div class="position-bottom">
            <input type="hidden" name="list_pic" id="list_pic"/>
            <input type="hidden" name="type_id"/>
            <input type="submit" class="hd-success" value="添加商品"/>
        </div>
    </form>
</div>
</body>
</html>